<template>
  <div class="box">
   <span v-for="item in arr1">
      <input v-model="like" type="checkbox" :value="item">{{item}}
   </span>
   <ul>
     <li v-for="item in like">{{item}}</li>
   </ul>
  </div>
</template>

<script>
export default {
  name: 'VuecliWorkLike',

  data() {
    return {
      arr1: ['科幻','喜剧','动漫','冒险','科技','军事','娱乐','奇闻'],
      like: []
    };
  },
};
</script>

<style scoped>
.box {
  margin-top: 20px;
  padding-bottom: 40px;
}
</style>